/* tree default theme */
@theme-name:				default;
//@hovered-bg-color:			#eee;
@hovered-bg-color:			rgba(0,0,0,0.2);
@hovered-shadow-color:		#cccccc;
@disabled-color:			#666666;
@disabled-bg-color:			#efefef;
//@clicked-bg-color:			#e1e1e1;
@clicked-bg-color:			rgba(0,0,0,0.2);
@clicked-shadow-color:		#999999;
@search-result-color:		#8b0000;
@mobile-wholerow-bg-color:	#ebebeb;
@mobile-wholerow-shadow:	#666666;
@mobile-wholerow-bordert:	rgba(255,255,255,0.7);
@mobile-wholerow-borderb:	rgba(64,64,64,0.2);
@responsive:				true;
@image-path:				"./";

@import "./base.less";


.tree {
  text-align: left;
}
.tree-@{theme-name} {
  .tree-node,
  .tree-icon { background-repeat:no-repeat; background-color:transparent; }
  .tree-anchor,
  .tree-animated,
  .tree-wholerow { transition:background-color 0.15s, box-shadow 0.15s; }
  .tree-hovered { background:@hovered-bg-color; border: 0px; box-shadow:none; }
  .tree-context { background:@hovered-bg-color; border: 0px; box-shadow:none; }
  .tree-selected { background:@clicked-bg-color; border: 0px; box-shadow:none; }
  .tree-no-icons .tree-anchor > .tree-themeicon { display:none; }
  .tree-disabled {
    background:transparent; color:@disabled-color;
    &.tree-hovered { background:transparent; box-shadow:none; }
    &.tree-selected { background:@disabled-bg-color; }
    > .tree-icon { opacity:0.8; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'tree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#tree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ }
  }
  // search
  .tree-search { font-style:italic; color:@search-result-color; font-weight:bold; }
  // checkboxes
  .tree-no-checkboxes .tree-checkbox { display:none !important; }
  &.tree-checkbox-no-clicked {
    .tree-selected {
      background:transparent;
      box-shadow:none;
      &.tree-hovered { background:@hovered-bg-color; }
    }
    > .tree-wholerow-ul .tree-wholerow-clicked {
      background:transparent;
      &.tree-wholerow-hovered { background:@hovered-bg-color; }
    }
  }
  // stripes
  > .tree-striped { min-width:100%; display:inline-block; background:url("") left top repeat; }
  // wholerow
  > .tree-wholerow-ul .tree-hovered,
  > .tree-wholerow-ul .tree-selected { background:transparent; box-shadow:none; border-radius:0; }
  .tree-wholerow { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
  .tree-wholerow-hovered { background:@hovered-bg-color; }
  .tree-wholerow-clicked {  background:@clicked-bg-color;  }
}


//todo end
.tree-default .tree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 30px;
  min-width: 24px;
}
.tree-default .tree-anchor {
  line-height: 24px;
  height: 24px;
}
.tree-default .tree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.tree-default .tree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.tree-default.tree-rtl .tree-node {
  margin-right: 24px;
}
.tree-default .tree-wholerow {
  height: 24px;
}
.tree-default .tree-node,
.tree-default .tree-icon {
  background-image: url("");
}
.tree-default .tree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}
.tree-default .tree-last {
  background: transparent;
}
.tree-default .tree-open > .tree-ocl {
  background-position: -132px -4px;
}
.tree-default .tree-closed > .tree-ocl {
  background-position: -100px -4px;
}
.tree-default .tree-leaf > .tree-ocl {
  background-position: -68px -4px;
}
.tree-default .tree-themeicon {
  background-position: -260px -4px;
}
.tree-default > .tree-no-dots .tree-node,
.tree-default > .tree-no-dots .tree-leaf > .tree-ocl {
  background: transparent;
}
.tree-default > .tree-no-dots .tree-open > .tree-ocl {
  background-position: -36px -4px;
}
.tree-default > .tree-no-dots .tree-closed > .tree-ocl {
  background-position: -4px -4px;
}
.tree-default .tree-disabled {
  background: transparent;
}
.tree-default .tree-disabled.tree-hovered {
  background: transparent;
}
.tree-default .tree-disabled.tree-selected {
  background: #efefef;
}
.tree-default .tree-checkbox {
  background-position: -164px -4px;
}
.tree-default .tree-checkbox:hover {
  background-position: -164px -36px;
}
.tree-default.tree-checkbox-selection .tree-selected > .tree-checkbox,
.tree-default .tree-checked > .tree-checkbox {
  background-position: -228px -4px;
}
.tree-default.tree-checkbox-selection .tree-selected > .tree-checkbox:hover,
.tree-default .tree-checked > .tree-checkbox:hover {
  background-position: -228px -36px;
}
.tree-default .tree-anchor > .tree-undetermined {
  background-position: -196px -4px;
}
.tree-default .tree-anchor > .tree-undetermined:hover {
  background-position: -196px -36px;
}
.tree-default .tree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'tree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#tree-grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.tree-default > .tree-striped {
  background-size: auto(48px);
}
.tree-default.tree-rtl .tree-node {
  background-image: url("");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.tree-default.tree-rtl .tree-last {
  background: transparent;
}
.tree-default.tree-rtl .tree-open > .tree-ocl {
  background-position: -132px -36px;
}
.tree-default.tree-rtl .tree-closed > .tree-ocl {
  background-position: -100px -36px;
}
.tree-default.tree-rtl .tree-leaf > .tree-ocl {
  background-position: -68px -36px;
}
.tree-default.tree-rtl > .tree-no-dots .tree-node,
.tree-default.tree-rtl > .tree-no-dots .tree-leaf > .tree-ocl {
  background: transparent;
}
.tree-default.tree-rtl > .tree-no-dots .tree-open > .tree-ocl {
  background-position: -36px -36px;
}
.tree-default.tree-rtl > .tree-no-dots .tree-closed > .tree-ocl {
  background-position: -4px -36px;
}
.tree-default .tree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.tree-default .tree-node.tree-loading {
  background: none;
}
.tree-default > .tree-container-ul .tree-loading > .tree-ocl {
  background: url("") center center no-repeat;
}
.tree-default .tree-file {
  background: url("") -100px -68px no-repeat;
}
.tree-default .tree-folder {
  background: url("") -260px -4px no-repeat;
}
.tree-default > .tree-container-ul > .tree-node {
  margin-left: 0;
  margin-right: 0;
}
.tree-default .tree-ellipsis {
  overflow: hidden;
}
.tree-default .tree-ellipsis .tree-anchor {
  width: calc(100% - 29px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.tree-default .tree-ellipsis.tree-no-icons .tree-anchor {
  width: calc(100% - 5px);
}
.tree-default.tree-rtl .tree-node {
  background-image: url("");
}
.tree-default.tree-rtl .tree-last {
  background: transparent;
}
.tree-default-small .tree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 24px;
  min-width: 18px;
}
.tree-default-small .tree-anchor {
  line-height: 18px;
  height: 18px;
}
.tree-default-small .tree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.tree-default-small .tree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.tree-default-small.tree-rtl .tree-node {
  margin-right: 18px;
}
.tree-default-small .tree-wholerow {
  height: 18px;
}
.tree-default-small .tree-node,
.tree-default-small .tree-icon {
  background-image: url("");
}
.tree-default-small .tree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}
.tree-default-small .tree-last {
  background: transparent;
}
.tree-default-small .tree-open > .tree-ocl {
  background-position: -135px -7px;
}
.tree-default-small .tree-closed > .tree-ocl {
  background-position: -103px -7px;
}
.tree-default-small .tree-leaf > .tree-ocl {
  background-position: -71px -7px;
}
.tree-default-small .tree-themeicon {
  background-position: -263px -7px;
}
.tree-default-small > .tree-no-dots .tree-node,
.tree-default-small > .tree-no-dots .tree-leaf > .tree-ocl {
  background: transparent;
}
.tree-default-small > .tree-no-dots .tree-open > .tree-ocl {
  background-position: -39px -7px;
}
.tree-default-small > .tree-no-dots .tree-closed > .tree-ocl {
  background-position: -7px -7px;
}
.tree-default-small .tree-disabled {
  background: transparent;
}
.tree-default-small .tree-disabled.tree-hovered {
  background: transparent;
}
.tree-default-small .tree-disabled.tree-selected {
  background: #efefef;
}
.tree-default-small .tree-checkbox {
  background-position: -167px -7px;
}
.tree-default-small .tree-checkbox:hover {
  background-position: -167px -39px;
}
.tree-default-small.tree-checkbox-selection .tree-selected > .tree-checkbox,
.tree-default-small .tree-checked > .tree-checkbox {
  background-position: -231px -7px;
}
.tree-default-small.tree-checkbox-selection .tree-selected > .tree-checkbox:hover,
.tree-default-small .tree-checked > .tree-checkbox:hover {
  background-position: -231px -39px;
}
.tree-default-small .tree-anchor > .tree-undetermined {
  background-position: -199px -7px;
}
.tree-default-small .tree-anchor > .tree-undetermined:hover {
  background-position: -199px -39px;
}
.tree-default-small .tree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'tree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#tree-grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.tree-default-small > .tree-striped {
  background-size: auto(36px);
}
.tree-default-small.tree-rtl .tree-node {
  background-image: url("");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.tree-default-small.tree-rtl .tree-last {
  background: transparent;
}
.tree-default-small.tree-rtl .tree-open > .tree-ocl {
  background-position: -135px -39px;
}
.tree-default-small.tree-rtl .tree-closed > .tree-ocl {
  background-position: -103px -39px;
}
.tree-default-small.tree-rtl .tree-leaf > .tree-ocl {
  background-position: -71px -39px;
}
.tree-default-small.tree-rtl > .tree-no-dots .tree-node,
.tree-default-small.tree-rtl > .tree-no-dots .tree-leaf > .tree-ocl {
  background: transparent;
}
.tree-default-small.tree-rtl > .tree-no-dots .tree-open > .tree-ocl {
  background-position: -39px -39px;
}
.tree-default-small.tree-rtl > .tree-no-dots .tree-closed > .tree-ocl {
  background-position: -7px -39px;
}
.tree-default-small .tree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.tree-default-small .tree-node.tree-loading {
  background: none;
}
.tree-default-small > .tree-container-ul .tree-loading > .tree-ocl {
  background: url("") center center no-repeat;
}
.tree-default-small .tree-file {
  background: url("") -103px -71px no-repeat;
}
.tree-default-small .tree-folder {
  background: url("") -263px -7px no-repeat;
}
.tree-default-small > .tree-container-ul > .tree-node {
  margin-left: 0;
  margin-right: 0;
}
.tree-default-small .tree-ellipsis {
  overflow: hidden;
}
.tree-default-small .tree-ellipsis .tree-anchor {
  width: calc(100% - 23px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.tree-default-small .tree-ellipsis.tree-no-icons .tree-anchor {
  width: calc(100% - 5px);
}
.tree-default-small.tree-rtl .tree-node {
  background-image: url("");
}
.tree-default-small.tree-rtl .tree-last {
  background: transparent;
}
.tree-default-large .tree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 38px;
  min-width: 32px;
}
.tree-default-large .tree-anchor {
  line-height: 32px;
  height: 32px;
}
.tree-default-large .tree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.tree-default-large .tree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.tree-default-large.tree-rtl .tree-node {
  margin-right: 32px;
}
.tree-default-large .tree-wholerow {
  height: 32px;
}
.tree-default-large .tree-node,
.tree-default-large .tree-icon {
  background-image: url("");
}
.tree-default-large .tree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}
.tree-default-large .tree-last {
  background: transparent;
}
.tree-default-large .tree-open > .tree-ocl {
  background-position: -128px 0px;
}
.tree-default-large .tree-closed > .tree-ocl {
  background-position: -96px 0px;
}
.tree-default-large .tree-leaf > .tree-ocl {
  background-position: -64px 0px;
}
.tree-default-large .tree-themeicon {
  background-position: -256px 0px;
}
.tree-default-large > .tree-no-dots .tree-node,
.tree-default-large > .tree-no-dots .tree-leaf > .tree-ocl {
  background: transparent;
}
.tree-default-large > .tree-no-dots .tree-open > .tree-ocl {
  background-position: -32px 0px;
}
.tree-default-large > .tree-no-dots .tree-closed > .tree-ocl {
  background-position: 0px 0px;
}
.tree-default-large .tree-disabled {
  background: transparent;
}
.tree-default-large .tree-disabled.tree-hovered {
  background: transparent;
}
.tree-default-large .tree-disabled.tree-selected {
  background: #efefef;
}
.tree-default-large .tree-checkbox {
  background-position: -160px 0px;
}
.tree-default-large .tree-checkbox:hover {
  background-position: -160px -32px;
}
.tree-default-large.tree-checkbox-selection .tree-selected > .tree-checkbox,
.tree-default-large .tree-checked > .tree-checkbox {
  background-position: -224px 0px;
}
.tree-default-large.tree-checkbox-selection .tree-selected > .tree-checkbox:hover,
.tree-default-large .tree-checked > .tree-checkbox:hover {
  background-position: -224px -32px;
}
.tree-default-large .tree-anchor > .tree-undetermined {
  background-position: -192px 0px;
}
.tree-default-large .tree-anchor > .tree-undetermined:hover {
  background-position: -192px -32px;
}
.tree-default-large .tree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'tree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#tree-grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.tree-default-large > .tree-striped {
  background-size: auto(64px);
}
.tree-default-large.tree-rtl .tree-node {
  background-image: url("");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.tree-default-large.tree-rtl .tree-last {
  background: transparent;
}
.tree-default-large.tree-rtl .tree-open > .tree-ocl {
  background-position: -128px -32px;
}
.tree-default-large.tree-rtl .tree-closed > .tree-ocl {
  background-position: -96px -32px;
}
.tree-default-large.tree-rtl .tree-leaf > .tree-ocl {
  background-position: -64px -32px;
}
.tree-default-large.tree-rtl > .tree-no-dots .tree-node,
.tree-default-large.tree-rtl > .tree-no-dots .tree-leaf > .tree-ocl {
  background: transparent;
}
.tree-default-large.tree-rtl > .tree-no-dots .tree-open > .tree-ocl {
  background-position: -32px -32px;
}
.tree-default-large.tree-rtl > .tree-no-dots .tree-closed > .tree-ocl {
  background-position: 0px -32px;
}
.tree-default-large .tree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.tree-default-large .tree-node.tree-loading {
  background: none;
}
.tree-default-large > .tree-container-ul .tree-loading > .tree-ocl {
  background: url("") center center no-repeat;
}
.tree-default-large .tree-file {
  background: url("") -96px -64px no-repeat;
}
.tree-default-large .tree-folder {
  background: url("") -256px 0px no-repeat;
}
.tree-default-large > .tree-container-ul > .tree-node {
  margin-left: 0;
  margin-right: 0;
}
.tree-default-large .tree-ellipsis {
  overflow: hidden;
}
.tree-default-large .tree-ellipsis .tree-anchor {
  width: calc(100% - 37px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.tree-default-large .tree-ellipsis.tree-no-icons .tree-anchor {
  width: calc(100% - 5px);
}
.tree-default-large.tree-rtl .tree-node {
  background-image: url("");
}
.tree-default-large.tree-rtl .tree-last {
  background: transparent;
}
